<!-- Created by henian.xu on 2018/11/27. -->

<template>
    <div class="banner">
        <Container>
            <Row no-spacing>
                <Column :span="6">
                    <Menu
                        :data="menuData"
                        uniqueOpened
                        isNav
                        :openedList="openedList"/>
                </column>
                <Column :span="6">
                    <Menu
                        :data="menuData"
                        uniqueOpened
                        :openedList="openedList"/>
                </column>
                <Column :span="12">
                    客服热线
                    <Linker
                        :to="`tel://${AD.sy_kfrx}`"
                        class="tc-main fs-big">{{ AD.sy_kfrx }}</Linker>
                </column>
            </Row>
        </Container>
    </div>
</template>

<script>
import commDataMixin from '~/mixins/commData.js';
export default {
    name: 'Banner',
    mixins: [commDataMixin],
    data() {
        return {
            menuData: [
                {
                    id: 1,
                    label: 'item',
                    icon: '&#xf00b;',
                    children: [
                        {
                            id: 11,
                            label: 'item',
                            children: [
                                {
                                    id: 111,
                                    label: 'item',
                                },
                            ],
                        },
                    ],
                },
                {
                    id: 2,
                    label: 'item',
                    icon: '&#xf00b;',
                    children: [
                        {
                            id: 22,
                            label: 'item',
                            children: [
                                {
                                    id: 222,
                                    label: 'item',
                                },
                            ],
                        },
                    ],
                },
                {
                    id: 3,
                    label: 'item',
                },
            ],
            openedList: [1, 11],
        };
    },
};
</script>

<style lang="scss">
.banner {
    position: relative;
    z-index: $z-index-3;
    height: 30px;
    line-height: 30px;
}
</style>
